<script lang="ts" setup>
import { ref, nextTick } from 'vue'
import AnnouncementScroll from "@/components/pageElement/AnnouncementScroll.vue"

const text = ref('这是一个滚动公告，当文字过长时会自动滚动展示.')
setTimeout(() => {
  text.value = '这是一个滚动公告，当文字过长时会自动滚动展示。这是一个滚动公告，当文字过长时会自动滚动展示。这是一个滚动公告，当文字过长时会自动滚动展示。这是一个滚动公告，当文字过长时会自动滚动展示。这是一个滚动公告，当文字过长时会自动滚动展示。这是一个滚动公告，当文字过长时会自动滚动展示。这是一个滚动公告，当文字过长时会自动滚动展示。这是一个滚动公告，当文字过长时会自动滚动展示。这是一个滚动公告，当文字过长时会自动滚动展示。这是一个滚动公告。当文字过长时会自动滚动展示。这是一个滚动公告。'
  console.log("Updated text:", text.value)
}, 3000)
</script>

<template>
  <AnnouncementScroll :text="text" />
  <div>
    {{ text }}
  </div>
</template>

<style scoped>

</style>